<!DOCTYPE html>
<div style="height:200px;width:600px;overflow:scroll">
  <div style="position:relative">
    <div style="height:400px;margin-bottom:-400px;position:relative">
      <div id="chip" style="width:50px;height:50px;position:absolute;background:lightblue;margin:0"></div>
    </div>
  </div>
</div>

<script src="../resources/text-based-repaint.js"></script>
<script>
// Test that moving a Layer that is squashed relative to its squashing container repaints correctly.
// In particular, the repaint rect needs to be recorded in the correct position relative to the squashing GraphicsLayer.
function repaintTest()
{
    document.getElementById('chip').style.left = "400px";
}

runRepaintAndPixelTest();
</script>
